.data0503-right01{
  height: 42.5vh;
}
.data0503-right02{
  height: 42.5vh;
}
.content0503-right01{
  height: 38.5vh;
}
.content0503-right02{
  height: 38.5vh;
}
.Maintenance{
  margin: 0;
}
.MeetingUsage{
  display: flex;
}
.MeetingUsage .MeetingPicture{
  border: none;
  width: 120px;
  height: 120px;
}
.MeetingUsage{
  width: 100%;
  position: relative;
}
.MeetingUsage> i{
  left: 8%;
  top: 22%;
  position: absolute;
  z-index: 10;
  height: 50px;
  width: 50px;
  display: block;
  background: url("/static/img/meeting.svg") no-repeat center;
}
.electricityType-picture{
  width: 225px;
  height: 225px;
}
.MeetingRoomList{
  height: 150px;
  width:50%;
  margin-top: 12%;
}
.MeetingRoomList li{
  height: 24px;
  padding-bottom: 1.5vh;
}
.MeetingRoom{
  width: 100%;
  display: flex;
}
.MeetingRoomListText{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.MeetingRoomListText >div{
  display: flex;
  align-items: center;
  justify-content: center;
}
.MeetingRoomListText div i{
  display: block;
  width: 16px;
  height: 16px;
  background: #306FFF;
  border-radius: 50%;
}
.MeetingRoomList li:nth-child(2) .MeetingRoomListText div i{
  background: #34dddd;
}
.MeetingRoomList li:nth-child(3) .MeetingRoomListText div i{
  background: #ffd339;
}
.MeetingRoomList li:nth-child(4) .MeetingRoomListText div i{
  background: #7b3dd1;
}
.MeetingRoomListText div p{
  font-size: 12px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 18px;
  padding-left: 0.5vw;
}
.MeetingRoomListText h2 {
  font-size: 16px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 24px;
}
.MeetingRoomListText h2 b{
  font-size: 12px;
  color: #999;
}
.MeetingRoomListLine{
  width: 100%;
  border-top: 1px dashed #666;
}
.Reservation{
  width: 100%;
  height: 38vh;
}
.reservationList{
  margin-top: 1vh;
  width: 100%;
  height: 30vh;
}
.reservationList li{
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.Maintenance{
  width: 100%;
  height: 35vh;
}
.MaintenanceTable{
  width: 104%;
  height: 35.2vh;
}
.reservationData{
  width: 360px;
  height: 100%;
}
.reservationData p{
  width: 100px;
  height: 14px;
  font-size: 10px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 14px;
}
.totalSchedule{
  width: 100%;
  height: 3px;
  padding-bottom: 3px;
}
.schedule2{
  width: 67px;
  height: 100%;
  background: #23C7FF;
}
.reservationData h2{
  display: flex;
}
.reservationData b{
  display: block;
  width: 20px;
  height: 12px;
  font-size: 8px;
  font-weight: 400;
  color: rgba(255,255,255,0.6);
  line-height: 14px;
  padding-right: 14px;
  padding-bottom: 5px;
}
.reservationData i{
  display: block;
  width: 360px;
  height: 0px;
  border: 1px solid rgba(35,199,255,0.3);
}
.reservationRoom{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55px;
  height: 20px;
  background: rgba(35,199,255,0.1);
}
.reservationRoom p{
  height: 14px;
  font-size: 10px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 14px;
}
.reservationData p{
  width: 30px;
  height: 14px;
  font-size: 10px;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 14px;
  padding-bottom: 4px;
}
.block{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
